<!doctype html>
<html class="no-js" lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>代理中心</title>
	<meta name="description" content="Xolio - Creative Agency Template">
	<meta name="viewport" content="width=device-width, initial-scale=1">


	<!-- Place favicon.ico in the root directory -->

	<!-- CSS here -->
	<link rel="stylesheet" href="__TMPL__/public/static/css/bootstrap.min.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/animate.min.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/magnific-popup.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/fontawesome-all.min.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/swiper-bundle.min.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/odometer.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/slick.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/default.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/style.css">
	<link rel="stylesheet" href="__TMPL__/public/static/css/responsive.css">


	<style>
		.cont_box{
			width: 100%;
			border-radius: 8px;
			background-color:#f8fafb;
			padding:10px 15px;
		}
		.cont_box .msg_list{
			width: 100%;
			display: flex;
			justify-content: space-between;
		}
		.msg_list .left_box{
			display: flex;
		}
		.msg_list .trip{
			font-size: 16px;
			line-height: 40px;
			color: #00989b;
			font-weight:600;
			margin-right: 20px;
		}
		.msg_list .text{
			font-size: 16px;
			line-height: 40px;
			color: #424242;
			font-weight:600;
			overflow: hidden;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.msg_list .right_box{
			display: flex;
			justify-content: flex-end;
			font-size: 16px;
			line-height: 40px;
			color: #999999;
		}
		.msg_list .right_box img{
			width: 16px;
			height: 16px;
			margin-top: 10px;
			margin-right: 5px;
		}


		.title{
			font-size: 24px;
			line-height: 50rpx;
			margin:20px 0;
			color: #000;
		}

		.finance_left_box{

		}

		.finance_left_box .F-tit{
			font-size: 16px;
			line-height: 40px;
			font-weight: 600;
			color: #999999;
		}
		.finance_left_box .text{
			font-size: 20px;
			line-height: 50px;
			color: #00989b;
			font-weight:600;
		}

		.finance_left_box .text_cont{
			display: flex;
			justify-content: flex-start;
		}
		.finance_left_box .text_cont img{
			width: 60px;
			height: 40px;
			object-fit: cover;
			background-color: #f0f0f0;
			margin-right: 8px;
		}

		.finance_right_box{
			display: flex;
			justify-content: flex-end;
		}

		.finance_right_box .fina_btn{
			font-size: 16px;
			line-height: 40px;
			font-weight: 600;
			color: #999999;
			height: 40px;
			padding:0 35px;
			background: linear-gradient(to right, #f5fca3, #63cbc0);
			color: #00989b;
			text-align: center;
			display: block;
			margin-left: 20px;
			border-radius: 8px;
			border: none;
		}


		.info_box{
			width: 80%;
			display: flex;
			margin-bottom: 25px;
		}

		.info_box .F-tit{
			font-size: 16px;
			line-height: 40px;
			font-weight: 600;
			color: #999999;
			width: 160px;
			margin-right: 20px;
		}
		.info_box .F-tit span{
			color: #f00;
			margin-left: 5px;
		}

		.info_box .text_cont{
			display: flex;
			justify-content: flex-start;
		}
		.info_box .text_cont img{
			width: 30px;
			height: 30px;
			margin-right: 12px;
			display: block;
		}

		.info_box input{
			width: 100%;
			border: 1px solid #e3e3e3;
			backdrop-filter: blur(21px);
			background: transparent;
			border-radius: 15px;
			letter-spacing: 0.0833333px;
			color: #AAAAAA;
			font-size: 16px;
			padding: 22px 30px 22px 25px;
			height: 50px;
			display: block;
		}

		.info_box .file_box{
			width: 150px;
			height: 80px;
			margin-left: -20px;
			opacity: 0;
		}
		.info_box .file_icon{
			width: 60px;
			height: 60px;
			margin-left: -160px;
			cursor: pointer;
		}
		.info_box h4{
			font-size: 16px;
			line-height: 60px;
			margin-left: 10px;
			color: #06b4fd;
			font-weight: 500;
			cursor: pointer;
		}

		.btn{
			width: 200px;
			height: 50px;
			line-height: 50px;
			color: #00989b;
			font-size: 16px;
			background: linear-gradient(to right, #f5fca3, #63cbc0);
			line-height: 50px;
			text-align: center;
			border-radius: 8px;
			padding:0;
			margin-bottom: 20px;
			margin-top: -15px;
		}


		.modal-footer .btn{
			margin-top: 2px;
			width: 100px;
			margin-bottom: 0;
		}

	</style>
</head>
<body>

<include file="public@nav"/>


<!-- main-area -->
<main>

	<!-- blog-details-area -->
	<section class="blog-details-area pt-120 pb-40">
		<div class="container">
			<div class="row justify-content-center">
				<div class="cont_box">

					<foreach name="category" item="vo">

						<div class="msg_list">
							<div class="left_box">
								<div class="trip">重要通知</div>
								<p class="text">{$vo.post_title}</p>
							</div>
							<div class="right_box">
								<img src="__TMPL__/public/static/image/clock.png" width="16" height="16">
								{:date('Y-m-d',$vo.published_time)}
							</div>
						</div>

					</foreach>

				</div>


				<div class="title">财务管理</div>
				<div class="cont_box">
					<div class="msg_list">
						<div class="finance_left_box">
							<div class="F-tit">余额（USDT）</div>
							<p class="text">{$balance}</p>

							<div class="F-tit">名下合作平台</div>
							<div class="text_cont">
								<foreach name="list" item="vo">
									<a href="/portal/article/info.html?id={$vo.id}" class="fina_btn">
										<img src="{:cmf_get_image_url($vo.thumbnail)}">
									</a>
								</foreach>
							</div>
						</div>
						<div class="finance_right_box">
							<a href="/portal/agency/agencyInfo.html?id={$id}" class="fina_btn">明细</a>
							<!-- <a href="#">提现</a> -->
							<!-- <a href="#">内转</a> -->
							<button class="fina_btn" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="@fat" >提现</button>
							<button class="fina_btn" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal2" data-bs-whatever="@fat" >内转</button>
						</div>
					</div>
				</div>

				<div class="title">个人信息</div>
				<div class="cont_box" style="padding-top: 10px;">
					<form  action="{:url('addPost')}" method="post"  enctype="multipart/form-data" class="form-horizontal js-ajax-form margin-top-20">
						<div class="info_box">
							<div class="F-tit">提现方式</div>
							<div class="text_cont">
								<img src="__TMPL__/public/static/image/about_icon1.png">
								<img src="__TMPL__/public/static/image/about_icon2.png">
								<img src="__TMPL__/public/static/image/about_icon3.png">
							</div>
						</div>

						<div class="info_box">
							<div class="F-tit">邮箱<span>*</span></div>
							<input type="text" id="email" name="user_email" value="{$user_email}" placeholder="请输入您的电子邮箱" />
						</div>

						<div class="info_box">
							<div class="F-tit">微信<span>*</span></div>
							<input type="text" id="weixin" name="user_wechat" value="{$user_wechat}" placeholder="请输入您的微信" />
						</div>

						<div class="info_box">
							<div class="F-tit">QQ</div>
							<input type="text" id="qq" value="{$user_qq}" name="user_qq" placeholder="请输入您的QQ" />
						</div>

						<div class="info_box">

							<div class="F-tit">上传收款二维码</div>
							<input class="file_box" type="file" id="file" name="file"  />
							<if condition="empty($code_icon)">
								<img src="__TMPL__/public/static/image/code_icon.png"  id="imageDisplay" class="file_icon"  width="128"/>
								<else />
								<img src="__ROOT__/upload/{$code_icon}"   id="imageDisplay" class="file_icon" width="228px" height="228px"/>
							</if>
							<h4 class="fa fa-upload">上传</h4>
						</div>

						<button class="btn" type="submit">保存</button>

					</form>

				</div>
			</div>
	</section>
	<!-- blog-details-area-end -->



</main>
<!-- main-area-end -->

<!-- 弹窗 -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h1 class="modal-title fs-5" id="exampleModalLabel">申请提现</h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form>
					<div class="mb-3">
						<label for="recipient-name" class="col-form-label">金额:</label>
						<input type="text" class="form-control" id="recipient-name">
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary" id="btn1">确定</button>
			</div>
		</div>
	</div>
</div>


<!-- 弹窗 -->
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h1 class="modal-title fs-5" id="exampleModalLabel2">申请内转</h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form>
					<div class="mb-3">
						<label for="recipient-name" class="col-form-label">金额:</label>
						<input type="text" class="form-control" id="recipient-name2">
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary" id="btn2">确定</button>
			</div>
		</div>
	</div>
</div>



<!-- 页尾 -->
<!-- 底部导航 -->
<footer>
	<div class="footer-area">
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<div class="logo">
								<a href=""
								><img src="__TMPL__/public/assets/picture/logo.png" alt=""
								/></a>
							</div>
							<div class="footer-contact">
								<span>九鼎返佣网</span>
								<span>你外汇交易的贴身管家</span>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-8">
						<div class="footer-widget">
							<div class="fw-link">
								<ul class="list-wrap">
									<li><a href="">{:lang('MOBILE')}</a> <span>{$site_info.site_mobile|default=''}</span></li>
									<li><a href="">{:lang('MAILBOX')}</a> <span>{$site_info.site_admin_email|default=''}</span></li>
									<li>
										<a href="">{:lang('WORKTIME')}</a>
										<span>{$site_info.site_work|default=''}</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-lg-2 col-sm-4">
						<div class="footer-widget">
							<div class="fw-link">
								<ul class="list-wrap">
									<li><a href="">{:lang('LINK')}</a></li>
									<li><a href="">{:lang('RECOMMEND')}</a></li>
									<li><a href="{$site_info.site_us|default=''}">{:lang('ABOUT')}</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<div class="footer-about">
								<ul class="list_img">
									<li>
										<img src="{:cmf_get_code_list(0)}" alt="" /><a
											href="mailto:company@gmail.com"
									>{:lang('SCAN_ADD')}{:lang('WECHATG_ROUP')}</a
									>
									</li>
									<li>
										<img src="{:cmf_get_code_list(1)}" alt="" /><a
											href="mailto:company@gmail.com"
									>{:lang('SCAN_ADD')}{:lang('QQ_ROUP')}</a
									>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-md-12">
						<div class="copyright-text text-end">
							<p>        {$site_info.site_static|default=''}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<!-- 页尾 -->



<!-- JS here -->
<script src="__TMPL__/public/static/js/jquery-3.6.0.min.js"></script>
<script src="__TMPL__/public/static/js/bootstrap.min.js"></script>
<script src="__TMPL__/public/static/js/isotope.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/imagesloaded.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.magnific-popup.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.odometer.min.js"></script>
<script src="__TMPL__/public/static/js/swiper-bundle.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.appear.js"></script>
<script src="__TMPL__/public/static/js/slick.min.js"></script>
<script src="__TMPL__/public/static/js/ajax-form.js"></script>
<script src="__TMPL__/public/static/js/parallax.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.parallaxScroll.min.js"></script>
<script src="__TMPL__/public/static/js/tween-max.js"></script>
<script src="__TMPL__/public/static/js/wow.min.js"></script>
<script src="__TMPL__/public/static/js/main.js"></script>


<script>

	$(function(){
		$("#btn1").click(function(){
			console.log(123)
			var recipient = $('#recipient-name').val();
			if (recipient <= 0){
				alert('请输入金额')
				return false
			}
			$.ajax({
				url: 'sendMoney', type: "post", dataType: "json", data: {money: recipient,type:2}, success: function (data) {
					console.log(data)
					if (data.code != 1) {

						alert(data.msg)

					} else {
						alert(data.msg)

						setTimeout(function() {
							location.reload()
						}, 2000);
					}
				}
			});
		});

		$("#btn2").click(function(){
			console.log(123)
			var recipient = $('#recipient-name2').val();
			if (recipient <= 0){
				alert('请输入金额')
				return false
			}
			$.ajax({
				url: 'sendMoney', type: "post", dataType: "json", data: {money: recipient,type:3}, success: function (data) {
					console.log(data)
					if (data.code != 1) {

						alert(data.msg)

					} else {
						alert(data.msg)

						setTimeout(function() {
							location.reload()
						}, 1000);
					}
				}
			});
		})


		$('.file_box').click(function () {
console.log(123)
		})

		document.getElementById('file').addEventListener('change', function(event) {
			var file = event.target.files[0];
			var reader = new FileReader();
			reader.onload = function(e) {
				document.getElementById('imageDisplay').src = e.target.result;
			};
			reader.readAsDataURL(file);
		});

	})


</script>
</body>
</html>
